<div class="wap">
<div id="main">
    <style>
        .fullwidthbanner-container{
            overflow: hidden !important;
        }
        .fadeout{
            margin-left: 100px;
        }
    </style>
        <!-- Slider Start-->
        <div class="fullwidthbanner-container">
            <div class="fullwidthbanner rslider" id="test">
                <ul>
                    <!-- THE FIRST SLIDE -->
                    {volist name="list.data" id="vo"}
                    <li data-delay="6000" data-masterspeed="300" data-transition="fade">
                        <div class="slotholder"><img src="{$vo.cover_id|get_picture_url}" data-fullwidthcentering="on" alt="XJTA"></div>
                        <div  class="caption large_text sft tp-caption start"
                              data-x="40"
                              data-y="85"
                              data-speed="700"
                              data-endspeed="800"
                              data-start="1000"
                              data-easing="easeOutQuint"
                              data-endeasing="easeOutQuint">
                            {$vo.name}
                        </div>
                        <div class="caption list_slide lfb tp-caption start"
                             data-easing="easeOutExpo"
                             data-start="1400"
                             data-speed="1050"
                             data-y="180"
                             data-x="40">
                            <div class="list-slide"> <i class="icon-camera slide-icon"></i>
                                <h5 class="dblue">{$vo.describe}</h5>
                            </div>
                        </div>
                        <div class="caption list_slide lfb tp-caption start"
                             data-easing="easeOutExpo"
                             data-start="1800"
                             data-speed="1200"
                             data-y="220"
                             data-x="40">
                            <div class="list-slide"> <i class="icon-search slide-icon"></i>
                                <h5 class="dblue">地址：{$vo.city_name}</h5>
                            </div>
                        </div>
                        <div class="caption list_slide lfb tp-caption start"
                             data-easing="easeOutExpo"
                             data-start="2200"
                             data-speed="1350"
                             data-y="260"
                             data-x="40">
                            <div class="list-slide"> <i class="icon-code slide-icon"></i>
                                <h5 class="dblue">推荐旅游季节：|秋季|冬季|</h5>
                            </div>
                        </div>
                        <div class="caption lfb caption_button_1 fadeout tp-caption start"
                             data-x="40"
                             data-y="330"
                             data-speed="900"
                             data-endspeed="300"
                             data-start="2700"
                             data-hoffset="-70"
                             data-easing="easeOutExpo"> <a class="btn-special hidden-xs btn-grey" href="/scenery/details?id={$vo.id}">查看详情</a> </div>
                        <div class="caption lfb caption_button_2 fadeout tp-caption start"
                             data-x="290"
                             data-y="330"
                             data-speed="800"
                             data-endspeed="300"
                             data-start="2900"
                             data-hoffset="70"
                             data-easing="easeOutExpo"> <a class="btn-special hidden-xs btn-color" href="/index/map?city_name={$vo.map_name}" title="喀纳斯">地图位置</a> </div>
                    </li>
                    {/volist}
                </ul>
            </div>
        </div>
        <!-- Slider End-->
    </div>
</div>